// 正则表达式
// 手机号
const namereg = /^1[3456789]\d{9}$/
// 密码
const pasreg = /^(?=.*[0-9])(?=.*[a-zA-Z])[0-9a-zA-Z]{6,12}$/

let namefrg = null
let pass1frg = null

$('#inp_name').on('input', function () {
    hide()

    console.log(namefrg);
})
$('#inp_password1').on('input', function () {
    hide()


})
$('#inp_password2').on('input', function () {
    hide()
    if ($('#inp_password1').val() !== $('#inp_password2').val()) {
        $('.pasprompt1').css('display', 'block');
    }
})

$('.log_btn').on('click', function () {
    if (namereg.test($('#inp_name').val())) {
        namefrg = true
    } else {
        namefrg = false
    }
    if (pasreg.test($('#inp_password1').val())) {
        pass1frg = true
    } else {
        pass1frg = false
    }
    console.log(namefrg,pass1frg);
    if (namefrg == true && pass1frg == true ) {
        // 如果两次密码不一致 禁止跳转
        if ($('#inp_password1').val() !== $('#inp_password2').val()) {
            $('.pasprompt2').css('display', 'block');
            $('.pasprompt1').css('display', 'block');
            return false
        }
    
        $.ajax({
            url: "/zhuce",
            type: "POST",
            dataType: "json",
            data: {
                username: $('#inp_name').val(),
                password: $('#inp_password1').val()
            },
            success: function (res) {
                let { code } = res
                //   1表示没注册过 2表示注册过了
                if (code == 1) {
                    alert('注册成功,点击一秒后前往登录')
                    setTimeout(() => {
                        window.location.href = "./login.html"
                    }, 1000);
                } else if (code == 2) {
                    $('.nameprompt1').css('display', 'block')
                }
            }
        });
 
    } 
    else if (!pass1frg) {
        console.log('aaaaa');
        $('.pasprompt2').css('display', 'block');
        return false
    } else if (!namefrg) {
        $('.nameprompt2').css('display', 'block');
        return false
    }
    return false
})


function hide() {
    $('.pasprompt1').css('display', 'none');
    $('.pasprompt2').css('display', 'none')
    $('.nameprompt2').css('display', 'none')
    $('.nameprompt1').css('display', 'none')
}